<!doctype html>
<html>
<head>
<meta name="renderer" content="webkit" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>{getTitle($archive,$category,$catid,$type)}{if $topid==0}{else} - {get(sitename)}{/if}</title>
<meta name="keywords" content="{getKeywords($archive,$category,$catid,$type)}" />
<meta name="description" content="{getDescription($archive,$category,$catid,$type)}" />
<meta name="author" content="CmsEasy Team" />
<link rel="icon" href="{get(site_ico)}" type="image/x-icon" />
<link rel="shortcut icon" href="{get(site_ico)}" type="image/x-icon" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"> <!--适应小屏幕-->
<meta content="no" http-equiv="imagetoolbar">
{if get('mobile_open')=='1'}<script type="text/javascript">var cmseasy_wap_tpa=1,cmseasy_wap_tpb=1,cmseasy_wap_url='{$base_url}/wap';</script>
<script src="{$skin_path}/js/mobile.js" type="text/javascript"></script>{/if}
<script type="text/javascript" src="{$skin_path}/js/jquery-1.8.3.min.js"></script>
<script src="{$skin_path}/js/jquery.SuperSlide.2.1.1.js" type="text/javascript" ></script>

<script type="text/javascript">
window.onerror=function(){return true;};
window.onload=function()
{
for(var ii=0; ii<document.links.length; ii++)
document.links$[ii].onfocus=function(){this.blur()}
}
</script>
<link href="{$skin_path}/css/bootstrap.css" rel="stylesheet">


<!--浏览器图标-->
<link rel="stylesheet" href="{$skin_path}/css/style-reset.css" type="text/css" />
<link rel="stylesheet" href="{$skin_path}/css/style_pc.css" />
<link rel="stylesheet" href="{$skin_path}/js/html5/animate.min.css">

<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->	

<script src="{$skin_path}/js/modernizr.custom.js"></script>
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="{$skin_path}/js/move-top.js"></script>
<script type="text/javascript" src="{$skin_path}/js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>
<!-- start-smoth-scrolling -->

</head>
{if get('shield_right_key')=='1'}
<body oncontextmenu="return false" onselectstart="return false">
<noscript><iframe src="/*.html>";</iframe></noscript>
<script>
function stop(){
return false;
}
document.oncontextmenu=stop;
</script>
{else}
<body>
{/if}





<!-- top header -->
<div class="banner">


{template 'system/slide.html'}

<div class="banner2">

	<div class="container">
		<div class="top-header">
				<div class="top-left">
					<ul>
						<li>{tag_页头左侧栏目一}</li>
						<li>{tag_页头左侧栏目二}</li>
						<li>{tag_页头左侧栏目三}</li>
					</ul>
				</div>
				<div class="top-right">
					<ul>
						<li><a title="RSS" href="{$base_url}/index.php?case=archive&act=rss&catid={$catid}" target="_blank">RSS</a></li>
						{if get('shoppingcart')=='1'}<li><a rel="nofollow" href="<?php echo url('archive/orders');?>">{lang(shoppingcart)}</a></li>{/if}
						{if get('mobile_open')=='1'}<li><a title="{lang(sitewap)}" href="{$base_url}/wap/">{lang(sitewap)}</a></li>{/if}
						{if get('guestbook_enable')}<li><a rel="nofollow" title="{lang(feedback)}" href="{url('guestbook')}" target="_blank">{lang(feedback)}</a></li>{/if}
						<li><a id="StranLink" name="StranLink">繁體</a></li>
						<script type="text/javascript" src="{$skin_path}/js/language.js"></script>
					</ul>
				</div>
				<div class="clearfix"></div>
				<div class="top-logo">
					<a title="{get(sitename)}" href="{$base_url}/"  ><img src="{get('site_logo')}" alt="{get(sitename)}" /></a>
				</div>
		</div>
		<div class="top-nav">
					<div class="nav-icon">
							<a href="#" class="right_bt" id="activator"><span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span> </a>
							<a class="scroll top-indus" href="#top-industries">{lang(look)}{tag_页头滚动按钮栏目}</a>
							<div class="clearfix"></div>
					</div>
					<div class="box" id="box">
						<div class="box_content">        					                         
							<div class="box_content_center">
								<div class="form_content">
									<div class="menu_box_list">
										<ul>
											<li class="one{if $topid==0} on{/if}"><a href="{$base_url}/"><span>{lang(homepage)}</span></a></li>
											{loop categories_nav() $i $t}
											<li class="one{if isset($topid) && $topid==$t[catid]} on{/if}"><a href="{$t[url]}" target="{if config::get('nav_blank')==1} _blank{/if}"><span>{$t[catname]}</span></a></li>
											{/loop}
										</ul>
									</div>
									<a class="boxclose" id="boxclose"> <span> </span></a>
								</div>                                  
							</div> 	
						</div> 
					</div>       	  
		</div>
				<!--start-click-drop-down-menu-->
						<!--start-dropdown-->
						 <script type="text/javascript">
							var $ = jQuery.noConflict();
								$(function() {
									$('#activator').click(function(){
										$('#box').animate({'top':'0px'},900);
									});
									$('#boxclose').click(function(){
									$('#box').animate({'top':'-1000px'},900);
									});
								});
								$(document).ready(function(){
								//Hide (Collapse) the toggle containers on load
								$(".toggle_container").hide(); 
								//Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)
								$(".trigger").click(function(){
									$(this).toggleClass("active").next().slideToggle("slow");
										return false; //Prevent the browser jump to the link anchor
								});
													
							});
						</script>
				<!--//End-click-drop-down-menu-->
		<div class="banner-info">
			<!-- responsiveslides -->
							<script src="{$skin_path}/js/responsiveslides.min.js"></script>
								<script>
									// You can also use "$(window).load(function() {"
									$(function () {
									 // Slideshow 4
									$("#slider3").responsiveSlides({
										auto: true,
										pager: false,
										nav: false,
										speed: 500,
										namespace: "callbacks",
										before: function () {
									$('.events').append("<li>before event fired.</li>");
									},
									after: function () {
										$('.events').append("<li>after event fired.</li>");
										}
										});
										});
								</script>
			<!-- responsiveslides -->

		</div>
	</div>
</div>
</div>
<!-- //top header -->